import React,{FC, JSX} from "react";
import Head from "next/head";
import Script from "next/script";
import styles from "@/styles/Common.module.scss"
type PropsType ={
    title:string
    desc?:string
    css?:string
    js?:string
    children?:JSX.Element|JSX.Element[]
}
export default function about(props:PropsType){
    const {title,desc,css,children,js} = props
    return (
        <>
          <Head>
            <title>{title}</title>
            <meta name="description" content={desc} />
            <meta name="viewport" content="width=device-width, initial-scale=1" />
            <link rel="icon" href="/favicon.ico" />
            <style>{css}</style>
          </Head>  
          <main className={styles.container}>
            {children}
          </main> 
          <Script id="page-js">
            {js}
          </Script>
        </>
      );
}



